.home {
	.top {
		// width: 750upx;
		image {
			width: 750upx;
			height: 230px;
		}
	}
	.bottom {
		display: flex;
		flex-direction: column;
		// justify-content: center;
		align-items: center;
		.log {
			margin-top: 10upx;
			image {
				width: 120px;
				height: 91px;
			}
		}
		.input-content {
			width: 263px;
			margin-top: 40upx;
			.input {
				display: flex;
				margin: 20upx 0;
				align-items: center;
				image {
					width: 24px;
					height: 24px;
					margin-right: 10upx;
				}
				input {
					box-sizing: border-box;
					padding-left: 10upx;
					font-size: 14px;
					width: 177px;
					border-bottom: 1px solid rgb(0, 153, 204);
				}
				.wnagji {
					color: #0099cc;
				}
			}
		}
		.tag {
			width: 263px;
			display: flex;
			justify-content: space-between;
			margin: 10upx 0;
			padding: 0 70upx;
			box-sizing: border-box;
		}
		.c1 {
			display: flex;
			margin-top: 50upx;
			align-items: center;
			width: 144px;
			height: 33px;
			color: #ffffff;
			background-color: rgba(0, 153, 204, 0.6);
			.mxxx {
				display: flex;
				flex: 1;
				align-items: center;
				width: 100%;
				padding: 0 20upx;
				display: flex;
				justify-content: space-between;
			}
		}
		.btn {
			color: #fff;
			width: 218px;
			height: 48px;
			line-height: 48px;
			text-align: center;
			border-radius: 50px;
			margin-top: 100upx;
		}
	}
}

.pointer,
.pointer-left {
	width: 200px;
	height: 40px;
	width: 100px;
	color: #fff;
	text-align: center;
	height: 24px;
	line-height: 24px;
	position: relative;
	background-color: #0099cc;
}
.pointer {
	margin-right: 20px;
}
.pointer-left {
	margin-left: 20px;
	background-color: #cccccc;
}
.pointer-left:after {
	content: '';
	position: absolute;
	left: -12px;
	bottom: 0;
	border-right: 12px solid #cccccc;
	border-top: 12px solid #ffffff;
	border-bottom: 12px solid #ffffff;
}

.pointer:before {
	content: '';
	position: absolute;
	right: -12px;
	bottom: 0;
	border-left: 12px solid #0099cc;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.wangji {
	//忘记密码页面
	.bottom {
		margin-top: 200px;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 0 40px;
	}
	.input-content {
		// display: flex;
		// flex-direction: column;
		// align-items: ce;
		width: 24px + 193px +101px + 10px;
		margin: 0 auto;
		.input {
			display: flex;
			margin: 40upx 0;
			align-items: center;
			image {
				width: 24px;
				height: 24px;
				margin-right: 10upx;
			}
			input {
				box-sizing: border-box;
				padding-left: 10upx;
				font-size: 12px;
				width: 193px;
				border-bottom: 1px solid rgb(0, 153, 204);
			}
			.wnagji {
				// color: #0099cc;
				margin-left: 5px;
				color: #fff;
				font-size: 14px;
				width: 101px;
				height: 20px;
				text-align: center;
			}
		}
	}
	&.zhuce {
		.bottom {
			margin-top: 100px;
		}
		.input-content {
			width: 268px;
			margin: 0 auto;
			margin-top: 50px;
		}
		.input {
			image {
				margin-left: 10px;
			}
		}
	}
}
.scrode {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	image {
		width: 120px;
		height: 120px;
	}
	text{
		margin-top: 20px;
	}
}
